<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>自动化用例执行</title>
    <style>
        #sousuo {
            border-top: 1px dashed;
            border-bottom: 1px dashed;
            border-right: 1px dashed;
            border-left: 1px dashed;
            position: absolute;
            top: 50px;
            left: 20px;
            align-content: center;
            width: 1000px;
        }

        #global_configuration {
            border-top: 1px dashed;
            border-bottom: 1px dashed;
            border-right: 1px dashed;
            border-left: 1px dashed;
            position: absolute;
            top: 200px;
            left: 20px;
            width: 600px;
        }


    </style>
</head>
<body>
<div id="sousuo">
    <p style="font-weight: bold">搜索栏 > ></p>
    <P>
    <form>
        项目：<select>
        <option>学习中心3.0</option>
        <option>服务中心3.0</option>
    </select>&nbsp;&nbsp;&nbsp;&nbsp;

        用例编号：<input type="text">&nbsp;&nbsp;&nbsp;&nbsp;
        被测接口：<input type="text">&nbsp;&nbsp;&nbsp;&nbsp;
        <input type="submit" value="搜索">
    </form>
    </P>

</div>

<div id="global_configuration">
    <p style="font-weight: bold">全局配置栏 > ></p>
    <p>
    <form>
        被测环境：<select>
        <option>请选择</option>
        <option>线上测试</option>
        <option>实验环境</option>
        <option>dev</option>
    </select><br><br>
        测试用户：<select>
        <option>请选择</option>
        <option>18939399595_teacher</option>
        <option>18771771717_student</option>
        <option>18938393939_manager</option>
    </select>
        <input type="checkbox">作用于所有用例
    </form>
    </p>

</div>
<div style="position: absolute;top: 400px;left: 20px">
    <table cellpadding="15">
        <tr>
            <th align="left">用例编号</th>
            <th align="left">用例标题</th>
            <th align="left">被测接口</th>
            <th align="left">测试参数</th>
            <th align="left">预期结果</th>
            <th align="left">测试用户</th>
            <th align="left">操作</th>
        </tr>
        <tr>
            <td align="left">apt_case_1</td>
            <td align="left">测试XXX参数的有效性验证</td>
            <td align="left">getCourseware</td>
            <td align="left">lessonPlanId=123,type=3</td>
            <td align="left">code=200</td>
            <td align="left">
                <form>
                    <select>
                        <option>请选择</option>
                        <option>18939399595_teacher</option>
                        <option>18771771717_student</option>
                    </select>
                </form>
            </td >
            <td align="left"><a href="">用例详情</a>&nbsp;&nbsp;<a href="">执行</a>&nbsp;&nbsp;<a href="">查看结果</a></td>
        </tr>
    </table>
</div>
</body>
</html>